<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>班级成绩查询</title>
<style>
        h1 {
            font-size: 30px;
            text-transform: uppercase;
            font-weight: 300;
            text-align: center;
            margin-bottom: 15px;
        }
        table {
            width: 100%;
            table-layout: fixed;
        }
        .tbl-content {
            height: 300px;
            overflow-x: auto;
            margin-top: 0px;
            border: 1px solid rgba(255,255,255,0.3);
        }
        th {
            padding: 20px 15px;
            text-align: left;
            font-weight: 500;
            font-size: 12px;
            color: black;
            text-transform: uppercase;
        }
        td {
            padding: 15px;
            text-align: left;
            vertical-align: middle;
            font-weight: 300;
            font-size: 12px;
            border-bottom: solid 1px rgba(255,255,255,0.1);
        }
    </style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
function bjSel(value) {
	$('#table').load('grade',{method:'bjSel',bjId:value});
}
</script>
</head>
<body background="images/1.jpg">
<p>
   <h3>请选择班级</h3>
	<label >班级:</label>
	<select onchange="bjSel(this.value)">
		<option value="0">--请选择--</option>
		<c:forEach items="${list}" var="bj">
		<option value="${bj.id}">${bj.name}</option>
		</c:forEach>
	</select>


<div id="table">
<a href="main.jsp">返回我的</a>
</div>
</body>
</html>